<template>
	<div>
		<h3>博客汇总</h3>
			<Tabs>
	        	<TabPane label="归档Tree" icon="ios-clock">
	        		<div class="container-fluid">
	        			<div class="row">
							<blogs-timertree></blogs-timertree>
							<!--时间归档组件-->
	        			</div>
	        		</div>
		        </TabPane>
		        <TabPane label="类别Tree" icon="filing">
					<div class="container-fluid">
	        			<div class="row">
	        				<blogs-tabletree></blogs-tabletree>
							<!-- 类别归档组件 -->
	        			</div>
	        		</div>
		        </TabPane>
		        <TabPane label="标签Tree" icon="bookmark">
		        	<div class="container-fluid">
	        			<div class="row">
							<blogs-tipstree></blogs-tipstree>
	        			</div>
	        		</div>
		        </TabPane>
		    </Tabs>
	</div>
</template>

<script type="text/javascript">
	import TimerTree from './tree/timerTree.vue'
	import TableTree from './tree/tableTree.vue'
	import TipsTree from './tree/tipsTree.vue'

	export default {
        data () {
			return {
			}
		},
		components: {
			"blogs-timertree":TimerTree,
			"blogs-tabletree":TableTree,
			"blogs-tipstree":TipsTree
		}
		
    }
</script>

<style type="text/css" lang="scss" scoped>
	h3{
		margin:15px;
	}
</style>